@charset "UTF-8";
/*
Author:张卫明 Description: 列表页
*/
@import "../base/_common";
//@import "../components/title";
//@import "../components/crumbs";
//@import "../components/imageBulletin";
//@import "../components/pagenav";

body{background-color:#f9f9f9;}
button{margin:0;border:0;}
.pos-r{position:relative;}
.pos-a{position:absolute;}

.brand-banner{
    margin-top:15px;
    margin-bottom:-15px;


    a {
        display: block;
        position: relative;
        z-index: 1;
        overflow:hidden;
    }

    a:after  {
        content: "";
        position: absolute;
        width: 180px;
        height: 160px;
        top: 0;
        left: 100px;
        overflow: hidden;
        background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
        background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));
        background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
        background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
        -webkit-transform: skewX(-65deg);
        -moz-transform: skewX(-65deg);
    }

    a:hover:after {
        -webkit-transition: left 0.8s;
        -moz-transition: left 0.8s;
        transition: left 0.8s;
        left: 1400px;
    }

}
.crumbs-list{
 	 margin: 25px auto 10px auto;

  	.list-order a{
  		display: inline-block;
	    font-weight: bold;
	    height: 16px;
	    margin-right: 10px;
	    position: relative;

	    .crumbs-arrow{
			display: inline-block;
		    overflow: hidden;
		    position: absolute;
		    height: 10px;
		    line-height: 10px;
		    right: 3px;
		    top: 4px;
		    width: 7px;
		}

		.crumbs-arrow-up{
			//background:url('#{$imgurl-base}/list/icon-up-jt.png') no-repeat 0px 0px;
			@include iconItemNoSize($iconsList,"icon-up-jt",listMaps);
		}
		.crumbs-arrow-down{
			//background:url('#{$imgurl-base}/list/icon-down-jt.png') no-repeat 0px 0px;
			@include iconItemNoSize($iconsList,"icon-down-jt",listMaps);
		}
  	}

  	.list-order a.jt{
  		padding-right:12px;
  	}

  	a.sel{color:$color-blue-3;}

  	.crumbs-nav{margin:0px 0px 10px 0px;}

  	.total-list-num{right:0px;color:$color-gray-3;font-size:12px;}
}

.crumbs-list-l{
	width:950px;margin-right:10px;float:left;display:inline;
	.title-blue{
		margin-bottom:10px;
	}

	.crumbs-list-con{width:950px;overflow:hidden;}

    ul{background-color:#fff;width:960px;}

	li{float:left;display:inline;margin:-1px 0px 0px 0px;
		border-top:1px solid #e5e5e5;
        border-right:1px solid #e5e5e5;
        border-bottom:1px solid #e5e5e5;
	}
}

.crumbs-list-r{
	width:230px;float:left;display:inline;
	.title-red{
		margin-bottom:10px;
		font-size:16px;
		font-weight:bold;
	}
	.crumbs-r-con{width:230px;overflow:hidden;}
	ul{margin-top:-5px;}
  	.car-detail{border-top:1px solid #e5e5e5;padding-top:2px;padding-bottom:3px;}
}

.crumbs-list-full{
	clear:both;
	padding-top:10px;
	padding-bottom:30px;

	.title-gray{
		margin-bottom:10px;
		margin-top:5px;
		font-size:16px;
		font-weight:bold;
	}

	.crumbs-full-con{overflow:hidden;width:1190px;background-color:#fff;}

	ul{margin-left:-1px;width:1200px;}

	li{float:left;display:inline;border-left:1px solid #e5e5e5;background-color:#fff;padding:0px 4px 5px 3px;}
}

.filter-block{
	overflow:hidden;
  	background-color: #fff;
	.filter-item{
		position:relative;
	    height: 20px; line-height: 20px; padding: 17px 0; border-top: 1px dashed #eee; font-size: 14px;margin-top:-1px;
	    dt{ float: left; width: 75px; margin-left: 20px; color:$color-gray-4; text-align: right;}
	    dd.filter-cont .filter-box a{
	    	float: left; color:$color-gray-2; padding: 0 5px; margin-left: 15px;margin-bottom: 5px; cursor: pointer;
	    	&:hover{
	    		color:$color-main-hover;
	    	}
	    }
	    dd.filter-cont{
	    	float:left;
			display:inlinle;
			width:985px;
			position:relative;
			padding-right:100px;
			height:20px;
			overflow:hidden;
	    }
	    dd.filter-cont .filter-box a.filter-selected{
	    	background-color: $color-main; color:#fff; border-radius:3px; cursor: default;
	    	&:hover{
				text-decoration:none;
			}
	    }
	    dd .filter-revamp{
	    	max-width:690px;
	    	float:left;
	    }
	}
	.Multi-item{
	   height:auto;
	   dd.filter-cont{
	   		height:auto;
	   }
	}
	.hot-tag .hot-tag-title {
		border-left: 4px solid $color-main;
		color: #333;
    	font-size: 16px;
    	font-weight: bold;
    	line-height: 16px;
    	margin-bottom: 10px;
    	padding: 0;
	}
	.hot-tag .hot-tag-cont a {
		color: #333;
		font-size: 14px;
	}
}

.filter-more{width:20px;height:20px;position:absolute;top:0px;right:20px;display:none;}
.arraw-v{width:9px;height:5px;display:block;margin:7px auto 0px auto;}
.arraw-up{
	//background:url('#{$imgurl-base}/list/icon-arrow-up.png') no-repeat 0px 0px;
	@include iconItemNoSize($iconsList,"icon-arrow-up",listMaps);
}
.arraw-down{
	//background:url('#{$imgurl-base}/list/icon-arrow-down.png') no-repeat 0px 0px;
	@include iconItemNoSize($iconsList,"icon-arrow-down",listMaps);
}

/*没有找到商品*/
.crumbs-list-no{
  .list-order{
    margin-bottom: 10px;
  }
}
.search_result_no {
  background: url('#{$imgurl-base}/list/nosearch.png') no-repeat 238px center #fff;
  padding: 100px 0 100px 337px;

  .search_no_tip {
    color: #666;
    font-size: 14px;
  }

  .search_conditions {
    color: #333;
    font-size: 16px;
    padding-bottom:15px;
  }
  .search_no_tip .search_txt {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 2px 0 5px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
  }
  .search_txt_area {
    color: $color-blue-1;
    padding: 0 8px;
  }
  .search_suggest {
    color: #000;
    line-height: 20px;
    padding: 5px 0 8px;
  }

  .search_back{
    color:$color-blue-1;
    margin:0px 5px;
    text-decoration: underline;

    &:hover{
      color:$color-orange-1;
      text-decoration: none;
    }

  }
}
.price-range{
	width: 245px;
	height: 21px;
	padding: 10px 0;
	border: 1px solid #fff;
	color: $color-border-6;
	position: relative;
	background: #fff;
	float:left;
	margin-top:-11px;
	margin-left:20px;
	position:relative;
	z-index:1;
}
.price-input{
	width:52px;
	height:12px;
	padding:4px;
	border:1px solid $color-border-6;
	font-size:13.333;
	color:#666;
	margin:0 5px;
	outline:none;
}
.submit{
	height:22px;
	line-height:22px;
	padding: 0 7px;
	background-color: $color-main;
	font-size: 13.333px;
	color: #fff;
	display: none;
	position: absolute;
	top: 10px;
	right: 20px;
	cursor: pointer;
	outline:none;
	width:41px;
}
.hit{
	border:1px solid $color-border-6;
}
.hit{
	.submit{
		display:block;
	}
}


